﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:System="clr-namespace:System;assembly=mscorlib" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:local="clr-namespace:Microsoft.ProductivityHub.SilverlightProductCarousel"
	mc:Ignorable="d"
	x:Class="Microsoft.ProductivityHub.SilverlightProductCarousel.MainPage"
	Width="640" Height="240">

	<UserControl.Resources>
	
		<Storyboard x:Name="ShowCarousel_SB">
			<ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="MyVideoCarousel" Storyboard.TargetProperty="(UIElement.Visibility)">
				<DiscreteObjectKeyFrame KeyTime="00:00:00">
					<DiscreteObjectKeyFrame.Value>
						<Visibility>Collapsed</Visibility>
					</DiscreteObjectKeyFrame.Value>
				</DiscreteObjectKeyFrame>
				<DiscreteObjectKeyFrame KeyTime="00:00:00.3000000">
					<DiscreteObjectKeyFrame.Value>
						<Visibility>Visible</Visibility>
					</DiscreteObjectKeyFrame.Value>
				</DiscreteObjectKeyFrame>
			</ObjectAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Name="HideCarousel_SB">
			<ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="MyVideoCarousel" Storyboard.TargetProperty="(UIElement.Visibility)">
				<DiscreteObjectKeyFrame KeyTime="00:00:00">
					<DiscreteObjectKeyFrame.Value>
						<Visibility>Visible</Visibility>
					</DiscreteObjectKeyFrame.Value>
				</DiscreteObjectKeyFrame>
				<DiscreteObjectKeyFrame KeyTime="00:00:00.3000000">
					<DiscreteObjectKeyFrame.Value>
						<Visibility>Collapsed</Visibility>
					</DiscreteObjectKeyFrame.Value>
				</DiscreteObjectKeyFrame>
			</ObjectAnimationUsingKeyFrames>
		</Storyboard>
		
	</UserControl.Resources>

	<Grid x:Name="LayoutRoot">
		<Grid.RowDefinitions>
			<RowDefinition Height="230"/>
			<RowDefinition Height="10"/>
		</Grid.RowDefinitions>
        

        <Grid x:Name="ContentZone" Grid.Row="0" Background="White">
            <Grid.RenderTransform>
                <ScaleTransform ScaleX="1" ScaleY="1" x:Name="ContentScaleTransform" />
            </Grid.RenderTransform>
            <!--Clip for Active content used to be Clip="M0,0 L638,0 L638,358 L0,358 z"-->
            <Grid x:Name="ActiveContent" Margin="1" Clip="M0,0 L638,0 L638,238 L0,238 z" Background="White">
				<local:VideoCarousel x:Name="MyVideoCarousel" RenderTransformOrigin="0.5,0.5" Margin="0" Visibility="Collapsed">
					<local:VideoCarousel.Projection>
						<PlaneProjection/>
					</local:VideoCarousel.Projection>
					<local:VideoCarousel.RenderTransform>
						<TransformGroup>
							<ScaleTransform/>
							<SkewTransform/>
							<RotateTransform/>
							<TranslateTransform/>
						</TransformGroup>
					</local:VideoCarousel.RenderTransform>
				</local:VideoCarousel>
			</Grid>
		</Grid>
		
    </Grid>
</UserControl>